<template>
 <div class="test">
    <layout>
      <template #left>
        <div class="left">
            <asider/>
        </div>
      </template>
      <template >
       <!-- <router-view></router-view> -->
       <RouterView/><!--路由占位-->
      </template>
  </layout>
 </div>
</template>

<script>
import layout from './components/Layout/index.vue';
import asider from './components/Setasider/index.vue';
export default {
    components:{
       layout,
       asider,
    }
}
</script>

<style lang="less">
@import '~@/style/global.less';
.test{
    width: 100vw;
    height: 100vh;
    .left{
        width: 200px;
        background-color: @dark;
    }
}
</style>